<template>
	<div>
		  <mu-tabs :value="activeTab" @change="handleTabChange">
		    <mu-tab value="tab1" title="1"/>
		    <mu-tab value="tab2" title="2"/>
		    <mu-tab value="tab3"  title="3"/>
		    <mu-tab value="tab4"  title="4"/>
		  </mu-tabs>
		  <div v-if="activeTab === 'tab1'" style=" height: 26rem;">
		    <!--<h2>Tab One</h2>
		    <p>
		      这是第一个 tab
		    </p>-->
		    
		  </div>
		  <div v-if="activeTab === 'tab2'" style=" height: 26rem;">
		    <h2>Tab Two</h2>
		    <p>
		      这是第二个 tab
		    </p>
		  </div>
		  <div v-if="activeTab === 'tab3'">
		    <h2>Tab Three</h2>
		    <p>
		      这是第三个 tab
		    </p>
		  </div>
		   <div v-if="activeTab === 'tab4'">
		    <h2>Tab 4</h2>
		    <p>
		    </p>
		  </div>
	</div>
</template>

<script>
	export default {
	  data () {
	    runEs6();
	    return {
	      activeTab: 'tab1'
	    }
	  },
	  methods: {
	    handleTabChange (val) {
	      this.activeTab = val
	    },
	    handleActive () {
	      window.alert('tab active')
	    }
	  }
    }
	function runEs6(){
//		console.info(545)
//		let [a,b,c]=['s1',0,'dfs']
//		alert(a)
	}
</script>

<style>
</style>